body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;

    margin: 0;

    color: #eee;
}

p
{
    margin: 0;
    padding-top: 0;
    padding-bottom: 1.2ex;
}

.sostav
{
    position: relative;

    display: table;
}
.background-clan-profile
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: -25px;

    width: 711px;
    height: 280px;
}

#clan-image
{
    position: absolute;

    float: left;

    height: 170px;
    margin-right: 15px;
}

#clan-name
{
    font-family: 'WarHeliosCondc', 'Arial Narrow', sans-serif;
    font-size: 28px;
    line-height: 64px;

    position: relative;

    float: left;
    clear: both;

    height: 44px;
    margin-left: 80px;
}

#clan-name.p
{
    position: relative;

    float: left;
    clear: both;

    margin-left: 80px;
}

#clan-motto
{
    font-family: 'WarHeliosCondc', 'Arial Narrow', sans-serif;
    font-size: 18px;

    position: relative;

    float: left;
    clear: both;

    margin-left: 80px;
}

#clan-descr
{
    position: relative;

    float: left;
    clear: both;

    margin-left: 80px;
}
td
{
    font-size: 14px;
    font-weight: 400;
}


/* Links */

a
{
    text-decoration: none;

    color: #f25322;
}

a:hover
{
    text-decoration: underline;

    color: #ff7432;
}

#top-menu a
{
    padding: 0 10px;

    color: #fff;
}

#top-menu a:hover
{
    text-decoration: underline;

    color: #ccc;
}
#top-menu li.right
{
    float: right;
}

#left-menu a
{
    text-decoration: none;

    color: #fff;
}
#left-menu a:hover
{
    text-decoration: underline;

    color: #eee;
}


/* Classes */

.bg
{
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 500%;

    background: url('../img/back.jpg') no-repeat #000;
    background-position: 50% 0;
}
.login
{
    float: right;
}

/* ID */

#wrapper
{
    position: relative;
}
#top-menu
{
    position: relative;

    width: 100%;
    height: 28px;

    background: #000;
}
#top-logo
{
    position: relative;
    top: 10px;

    width: 960px;
    margin: 0 auto;
}
div #content-header
{
    position: relative;

    float: left;
    clear: right;

    width: 719px;
    padding-left: 10px;
}
#content-header h1,
h2
{
    margin: 0;
    padding-top: 5px;
    padding-bottom: 15px;
}
#content
{
    position: relative;

    display: table;
    overflow: auto;

    width: 960px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 0 50px 0;
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    /*background: #111;*/

    background: url('/img/ui-bg-tile.jpg') repeat-y scroll center 0 rgba(0, 0, 0, 0);
    box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, .7), 10px 0 10px -10px rgba(0, 0, 0, .7), -10px 0 10px -10px rgba(0, 0, 0, .7);
}
#content-wrapper
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    border-left: 1px solid #555;
    background: url('/img/ui-bg-top-corner.jpg') no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005193', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#clan-color
{
    padding: 10px 0 0 10px;

    background: #005193; /* Old browsers */
    background:    -moz-linear-gradient(-45deg,  #005193 0%, #111 20%, #111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#005193), color-stop(20%,#111), color-stop(100%,#111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #005193 0%,#111 20%,#111 100%); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(-45deg,  #005193 0%,#111 20%,#111 100%); /* Opera 11.10+ */
    background:     -ms-linear-gradient(-45deg,  #005193 0%,#111 20%,#111 100%); /* IE10+ */
    background:         linear-gradient(135deg,  #005193 0%,#111 20%,#111 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005193', endColorstr='#111111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#clan-block
{
    position: relative;

    clear: both;
    overflow: hidden;

    padding: 15px 0 0 5px;

    content: '';
}
#top-menu ul
{
    line-height: 28px;

    position: relative;

    width: 960px;
    margin: 0 auto;
    padding: 0;
}
#top-menu li
{
    display: inline;

    padding: 0;
}
div #left-menu
{
    margin-bottom: 20px;
    padding-bottom: 10px;

    border-bottom: 1px solid #555;
}
#left-menu ul
{
    margin: 0;
    padding: 0;
}
#left-menu ul > a li
{
    padding: 5px 0;
}
div #teamspeak-module
{
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #555;
}
#left-col
{
    font-size: 15px;

    position: relative;

    display: table-cell;
    float: left;
    clear: both;

    width: 180px;
    height: 100%;
    padding: 10px 10px 0 20px;
}
#left-col ul
{
    list-style-type: none;
}
#right-col
{
    font-size: 15px;

    position: relative;

    display: table-cell;
    float: left;

    width: 719px;
    padding-left: 10px;
}
